.center-contain-right {
    font-size: 20px;
    color: #4c4c4c;
    .center-contain-right-title {
        width: 100%;
        font-size: 24px;
        line-height: 60px;
        color: #ff9900;
        border-bottom: 2px dashed #ff9900;
        text-align: center;
    }
    .my-out-box{
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
    }
    .my-comment{
        background-color: #fff5e5;
    }
    .transaction-detail {
        width: 100%;
        font-size: 0;
        border-bottom: 1px solid #e6e6e6;
        .transaction-item {
            display: inline-block;
            width: 150px;
            vertical-align: top;
            padding: 20px 0;
            p {
                font-size: 18px;
                color: #999;
                text-align: center;
                line-height: 30px;
                i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border-radius: 10px;
                    background: #999;
                    margin-right: 15px;
                }
                &.status-waiting {
                    color: #0fb71b;
                    i {
                        background: #0fb71b;
                    }
                }
                &.status-ok {
                    color: #e01d1d;
                    i {
                        background: #e01d1d;
                    }
                }
            }
            &.item-3 {
                width: 300px;
                p {
                    line-height: 30px;
                }
            }
        }
        .transaction-other{
            padding: 20px 0;
            p {
                font-size: 18px;
                color: #999;
                text-align: center;
                line-height: 30px;
            }
            .is-prove{
                color: #ffb340;
                font-size: 18px;
                text-align: center;
                line-height: 30px;
            }
            .to-comment {
                color: #e85656;
                cursor: pointer;
                span{
                    margin-left: 5px;
                    img{
                        transition: all 500ms;
                        -moz-transition: all 500ms; /* Firefox 4 */
                        -webkit-transition: all 500ms; /* Safari 和 Chrome */
                        -o-transition: all 500ms; /* Opera */
                        &.active{
                            transform:rotate(180deg);
                            -ms-transform:rotate(180deg); 	/* IE 9 */
                            -moz-transform:rotate(180deg); 	/* Firefox */
                            -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
                            -o-transform:rotate(180deg); 	/* Opera */
                        }
                    }

                }


            }
        }
        &.transaction-detail-first {
            height: 70px;
            .transaction-item {
                height: 100%;
                p {
                    color: #ff9900;
                }
            }
            .transaction-other{
                height: 100%;
                p {
                    color: #ff9900;
                }
            }
        }

    }
    .my-comment{
        display: none;
        &.active{
            display: block;
        }
        .true-comment{
            span{
                display: inline-block;
            }
            .mc-tit{
                width: 13%!important;
                vertical-align: top;
            }
            .mc-content{
                width: 85%!important;
            }
        }
        .mc-start{
            color: #ff9900;
        }
    }

    .lesson-first{
        padding: 30px 20px 0;
        margin-bottom: 20px;
    }
    .lesson-second{
        padding: 0 20px 30px;
        margin-bottom: 25px;
    }
    .no-border{
        border-bottom: none!important;
    }
    .pages {
        width: 100%;
        text-align: center;
        padding-top: 30px;
        // font-size: 0;
        // span {
        //     display: inline-block;
        //     width: 40px;
        //     height: 40px;
        //     line-height: 40px;
        //     font-size: 18px;
        //     color: #ff9900;
        //     border-top: 1px solid #ff9900;
        //     border-bottom: 1px solid #ff9900;
        //     border-left: 1px solid #ff9900;
        //     &:last-child {
        //         border-right: 1px solid #ff9900;
        //     }
        //     &.active {
        //         background: #ff9900;
        //         color: #fff;
        //     }
        // }
    }
}

.evaluate-mod-1{
    margin-top: 20px;
    .em-fu-tit{
        text-align: center;
        font-size: 19px;
        color: #ff9900;
        padding-top: 20px;
    }
    .evaluate-title {
        width: 100%;
        font-size: 0;

        margin: 20px 0 0;
        .evaluate-item {
            padding: 20px 0;
            p {
                font-size: 18px;
                color: #ff9900;
                text-align: center;
                line-height: 30px;
                i {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    border-radius: 10px;
                    background: #999;
                    margin-right: 15px;
                }
                &.status-waiting {
                    color: #0fb71b;
                    i {
                        background: #0fb71b;
                    }
                }
                &.status-ok {
                    color: #e01d1d;
                    i {
                        background: #e01d1d;
                    }
                }
            }
        }

    }
    .evaluate-detail{
        border-top: 1px solid #e6e6e6;
        .evaluate-other{
            padding: 20px 0 10px;
            p {
                font-size: 18px;
                color: #333333;
                text-align: center;
                line-height: 30px;
            }
            .is-prove{
                color: #ffb340;
                font-size: 18px;
                text-align: center;
                line-height: 30px;
            }
            .to-comment {
                color: #e85656;
                cursor: pointer;
                span{
                    margin-left: 5px;
                    img{
                        transition: all 500ms;
                        -moz-transition: all 500ms; /* Firefox 4 */
                        -webkit-transition: all 500ms; /* Safari 和 Chrome */
                        -o-transition: all 500ms; /* Opera */
                        &.active{
                            transform:rotate(180deg);
                            -ms-transform:rotate(180deg); 	/* IE 9 */
                            -moz-transform:rotate(180deg); 	/* Firefox */
                            -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
                            -o-transform:rotate(180deg); 	/* Opera */
                        }
                    }

                }
            }
        }
        .eva-word{
            background-color: #fff5e5;
            margin-top: 20px;
            padding: 20px;

            .ew-each{
                margin: 15px 0 15px 105px;
                span{
                    display: inline-block;
                    margin: 0 8px;
                }
                .ewe-left{
                    width: 150px;
                    text-align: right;
                    color: #333333;
                    font-size: 18px;
                }
                .ewe-area{
                    width: 540px;
                    height: 100px;

                    textarea{
                        width: 540px;
                        height: 100px;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                        background-color: #fff5e5;
                        resize: none;
                        border: 1px solid #999999;
                    }
                }
            }
            .ew-btn{
                width: 110px;
                height:48px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                background-color: #ff9900;
                text-align: center;
                line-height: 48px;
                color: #ffffff;
                margin-left: 285px;
                margin-top: 20px;
            }
        }
    }

}